<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/tipsy.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<div id="accesos">
<li>
<h:form id="visitaAdministrativaRedirectForm">
<h:commandLink id="gestionarVisitaAdministrativa" styleClass="linkopaco" title="Volver a la Solicitud..." action="#{visitaAdministrativaController.cancelVisitaAdministrativaOpcion}" immediate="true">
    <f:param name="solicitudDestinoRedirectPage" value="#{visitaAdministrativaController.solicitudDestinoRedirectPage}" />
    <h:graphicImage value="/images/iconos/accesos/tag.png" style="border: 0px solid #FFFFFF;" />
</h:commandLink>
</h:form>
</li>
</div>
<!-- Formulario --> 
<div id="buscador">
<h2> Administraci<h:outputText value="#{msg.tilde_o}" />n de Visita Administrativa</h2>
	<h:form id="visitaAdministrativaSearchForm">
			<div class="clear" style="margin-left:400px;"></div>
			<label>Radicado <span class="asterisco"> * </span></label>
					<h:inputText id="radicado" size="24" maxlength="24" styleClass="validate[required]" 
							value="#{visitaAdministrativaController.visitaAdministrativaSearch.radicado}" readonly="true" disabled="true"/>&nbsp;&nbsp;&nbsp;&nbsp;
			<div class="clear" style="margin-left:400px;"></div>
			<span  class="espacio-adicional left">Cl<h:outputText value="#{msg.tilde_i}" />c en Buscar para consultar las visitas administrativas ejecutadas.</span>
			<div class="clear" style="margin-left:400px;"></div>
			<span class="left">
					<h:commandButton id="visitaAdministrativaSearchButton"
							 styleClass="botonsmall"
                             type="submit"
                             value="Buscar"
                             ondblclick="return false;"
                             action="#{visitaAdministrativaController.searchVisitaAdministrativaByKey}" >
                   </h:commandButton>
			</span>
			<div class="clear"></div>																	
			<span  class="espacio-adicional left">(<span class="asterisco"> * </span>) : Campo Obligatorio. Usar % para consultar todos los registros.</span>							
			<div class="clear"></div>
                           
			</h:form>
			</div>
			<!-- Fin formulario --> 
			<div class="clear"></div>
			<!-- tabla --> 
					<h:form id="visitaAdministrativaResultsForm">		
					<!-- Tabla para la tabla del resultado de la consulta -->					
					<span>						
						    <h:commandButton id="createvisitaAdministrativaButton"											 
                                             type="submit" 
                                             value="Nuevo" 
                                             ondblclick="return false;" 
                                             action="#{visitaAdministrativaController.createVisitaAdministrativa}" >
                            </h:commandButton>
					</span>								
					<br/><br/>
						<label>Resultados de la Consulta de Visita Administrativa: </label>					  
						  <rich:dataTable id="visitaAdministrativaData" styleClass="scrollerTable" headerClass="standardTable_Header"
					                border="0" cellpadding="3" cellspacing="1" 
					                footerClass="standardTable_Header" rowKeyVar="rowIndex"
					                rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
					                onRowMouseOver="this.style.backgroundColor='#C0C0C0'"
								    onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
					                var="visitaAdministrativaRow" value="#{visitaAdministrativaController.visitaAdministrativaListModel}"
					                rows="10" >
					           <h:column>
					               <f:facet name="header">
					                  <h:outputText value="Editar" />
					               </f:facet>
				                    <a4j:commandLink id="updateVisitaAdministrativa" styleClass="formTextLink"
				                                   title="Ver Detalle..."				                                   
				                                   action="#{visitaAdministrativaController.updateVisitaAdministrativa}" reRender="groupTable">
				                        <f:param name="visitaAdministrativaDataIndex" value="#{rowIndex}" />
				                        <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
				                    </a4j:commandLink>
					           </h:column>
					           <h:column>
					               <f:facet name="header">
					                  <h:outputText value="Reporte" />
					               </f:facet>
				                    <a4j:commandLink id="generateVisitAdminReport" styleClass="formTextLink"
				                                   title="Generar PDF" oncomplete="exportToPDF()"
				                                   action="#{visitaAdministrativaController.generatePDFReport}" reRender="groupTable">
				                        <f:param name="visitaAdministrativaReportIndex" value="#{rowIndex}" />
				                        <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
				                    </a4j:commandLink>
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Direcci#{msg.tilde_o}n Visita" /></f:facet>
					               <h:outputText value="#{visitaAdministrativaRow.direccionVisita}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Fecha Visita" /></f:facet>
					               <h:outputText value="#{visitaAdministrativaRow.fechaVisita}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Hora Visita" /></f:facet>
					               <h:outputText value="#{visitaAdministrativaRow.horaVisita}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Usuario Modifica" /></f:facet>
					               <h:outputText value="#{visitaAdministrativaRow.usuarioModifica}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Fecha Modifica" /></f:facet>
					               <h:outputText value="#{visitaAdministrativaRow.fechaModifica}" />
					           </h:column>
					        </rich:dataTable>
					        <h:panelGrid columns="1" styleClass="tablapaginacion"
			                             columnClasses="standardTable_ColumnCentered" >
					            <rich:datascroller id="visitaAdministrativaScroll"
					                    for="visitaAdministrativaData"
					                    fastStep="10"
					                    pageIndexVar="pageIndex"
					                    styleClass="scroller"
					                    maxPages="9" >
					                <f:facet name="first" >
					                    <h:graphicImage url="/images/arrow-first.gif" />
					                </f:facet>
					                <f:facet name="last">
					                    <h:graphicImage url="/images/arrow-last.gif" />
					                </f:facet>
					                <f:facet name="previous">
					                    <h:graphicImage url="/images/arrow-previous.gif" />
					                </f:facet>
					                <f:facet name="next">
					                    <h:graphicImage url="/images/arrow-next.gif" />
					                </f:facet>
					                <f:facet name="fastforward">
					                    <h:graphicImage url="/images/arrow-ff.gif" />
					                </f:facet>
					                <f:facet name="fastrewind">
					                    <h:graphicImage url="/images/arrow-fr.gif" />
					                </f:facet>
					            </rich:datascroller>
					        </h:panelGrid>					        
					</h:form>
<br/><br/>
<!-- Fin tabla --> 
	<div id="containerError" style="display:block;">
		<span class="botones left"><h:messages style="font-weight: bold; color: #FF0000;" /></span>
	</div>
<div class="clear"></div>
</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
    <script src="<%=contextRoot%>/js/jquery/lib/jquery.tipsy.js" type="text/javascript"></script> <!-- Tooltip -->
	<script type="text/javascript">
	jQ(document).ready(function() {
		jQ("input, select, input:checkbox, input:radio, input:file").uniform();
		jQ("#visitaAdministrativaSearchForm").validationEngine('attach');
		jQ("#visitaAdministrativaSearchForm").bind("jqv.form.result", function(event, errorFound) {
	        if(!errorFound) displayLoadingImage();
	    });
    	jQ('#accesos li a').tipsy({gravity: 'n'});
	});
	
	function exportToPDF() { 
		showReportPopup('<%= contextRoot %>/reportController.view?format=pdf&reportName=visitaAdministrativaPDF');
<%-- 		showReportPopup('<%= contextRoot %>/reportController.view?format=pdf&reportName=visitaTestPDF'); --%>
    }
	
	/**
	 * Funcion JS que permite invocar el servlet de generacion de reportes y presentar una ventana independiente
	 * para su descarga.
	 * 
	 * @author carlos.perez@consult-soft.com
	 * @param servletReporterURL
	 */
	function showReportPopup(servletReporterURL){
	    window.open(servletReporterURL, "reportStandardPopup",
	                "toolbar=0,location=0,scrollbars=1,directories=0,status=0,menubar=0,resizable=1,width="+550+",height="+550+",left="+(screen.width-550)/2+",top="+(screen.height-550)/2);
	}
	</script>
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>
	
</body>
</html>
</f:view>
